Adwaita: Make frames rounded
authornana-4 <hnmaigo@gmail.com>
Thu, 6 Aug 2020 15:54:40 +0000 (00:54 +0900)
committernana-4 <hnmaigo@gmail.com>
Tue, 25 Aug 2020 12:12:35 +0000 (21:12 +0900)
As per GNOME mockups.

Since GtkFrame now sets GTK_OVERFLOW_HIDDEN, we can round the frame
without corner overlapping.

This also adds some margin to the child label of GtkFrame to ensure it
will not be clipped by the rounded corners of the frame.

gtk/theme/Adwaita/_common.scss

index 64db0790fb94f83c563a79d60dfdb540a7a43270..b92747eb5ebf5c0da055b780a92fc21dfbbcf6f1 100644 (file)
@@ -3005,13 +3005,17 @@ window.dialog.print {
  **********/
 frame,
 .frame {
-  box-shadow: none;
-  margin: 0;
-  padding: 0;
-  border-radius: 0;
   border: 1px solid $borders_color;
 }
 
+frame {
+  border-radius: $window_radius;
+
+  > label {
+    margin: 4px;
+  }
+}
+
 actionbar > revealer >  box {
   padding: 6px;
   border-top: 1px solid $borders_color;
@@ -3220,6 +3224,7 @@ expander-widget {
 calendar {
   color: $text_color;
   border: 1px solid $borders_color;
+  border-radius: $window_radius;
 
   > header {
     border-bottom: 1px solid $borders_color;